.lemon-popover {
    border: 1px solid #eee;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0, 0, 0, .65);
    z-index: 10;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    position: absolute;
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%
}

.lemon-popover__content {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.lemon-popover__arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    z-index: 0;
    bottom: -4px;
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    width: 8px;
    height: 8px;
    background: #fff
}

.lemon-slide-top-enter-active,
.lemon-slide-top-leave-active {
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.lemon-slide-top-enter,
.lemon-slide-top-leave-to {
    -webkit-transform: translateY(-10px) scale(.8);
    transform: translateY(-10px) scale(.8);
    opacity: 0
}

.lemon-tabs {
    background: #f6f6f6
}

.lemon-tabs-content {
    padding: 15px
}

.lemon-tabs-content,
.lemon-tabs-content__pane {
    width: 100%;
    height: 100%
}

.lemon-tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eee
}

.lemon-tabs-nav__item {
    line-height: 38px;
    padding: 0 15px;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.lemon-tabs-nav__item--active {
    background: #f6f6f6
}

.lemon-button {
    outline: none;
    line-height: 1.499;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    color: rgba(0, 0, 0, .65);
    background-color: #fff;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12)
}

.lemon-button--color-default:hover:not([disabled]) {
    border-color: #666;
    color: #333
}

.lemon-button--color-default:active {
    background-color: #ddd
}

.lemon-button--color-default[disabled] {
    cursor: not-allowed;
    color: #aaa;
    background: #eee
}

.lemon-button--color-grey {
    background: #e1e1e1;
    border-color: #e1e1e1;
    color: #666
}

.lemon-button--color-grey:hover:not([disabled]) {
    border-color: #bbb
}

.lemon-badge {
    position: relative;
    display: inline-block
}

.lemon-badge__label {
    border-radius: 10px;
    background: #f5222d;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    z-index: 10;
    position: absolute;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    display: inline-block;
    padding: 0 4px;
    height: 18px;
    line-height: 17px;
    min-width: 10px;
    top: -4px;
    right: 6px
}

.lemon-badge__label--dot {
    width: 10px;
    height: 10px;
    min-width: auto;
    padding: 0;
    top: -3px;
    right: 2px
}

.lemon-avatar {
    font-variant: tabular-nums;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
    background: #ccc;
    color: hsla(0, 0%, 100%, .7);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px
}

.lemon-avatar--circle {
    border-radius: 50%
}

.lemon-avatar img {
    width: 100%;
    height: 100%;
    display: block
}

.lemon-contact {
    padding: 10px 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #efefef;
    text-align: left
}

.lemon-contact p {
    margin: 0
}

.lemon-contact--active {
    background: #bebdbd
}

.lemon-contact:hover:not(.lemon-contact--active) {
    background: #e3e3e3
}

.lemon-contact:hover:not(.lemon-contact--active) .el-badge__content {
    border-color: #ddd
}

.lemon-contact__avatar {
    float: left;
    margin-right: 10px
}

.lemon-contact__avatar img {
    display: block
}

.lemon-contact__avatar .ant-badge-count {
    display: inline-block;
    padding: 0 4px;
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    top: -4px;
    right: 7px
}

.lemon-contact__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lemon-contact__time {
    font-size: 12px;
    line-height: 18px;
    padding-left: 6px;
    color: #999;
    white-space: nowrap
}

.lemon-contact__name {
    display: block;
    width: 100%
}

.lemon-contact__content,
.lemon-contact__name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.lemon-contact__content {
    font-size: 12px;
    color: #999;
    height: 18px;
    line-height: 18px;
    margin-top: 1px !important
}

.lemon-contact__content img {
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1px;
    position: relative;
    top: -1px
}

.lemon-contact--name-center .lemon-contact__label {
    padding-bottom: 0;
    line-height: 38px
}

:root {
    --chat-primary: #1890ff;
    --chat-disabled: #e8e8e8;
    --chat-highlight: #40a9ff;
    --chat-text: #333;
    --chat-text-assistant: #666;
    --chat-text-secondary: #ccc;
    --chat-text-placeholder: #bfbfbf;
    --chat-box: #fff;
    --chat-box-shadow: 1px 3px 10px 2px rgba(6, 21, 50, 0.2);
    --chat-box-mark: rgba(0, 0, 0, 0.5);
    --chat-input: #f9f9f9;
    --chat-card: #f2f6fc;
    --chat-highlight-card: #e6f7ff;
    --chat-border: #f1f1f2
}

@-webkit-keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@-webkit-keyframes antRotate {
    to {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
}

@keyframes antRotate {
    to {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
}

.ant-spin {
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    position: absolute;
    display: none;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.78, .14, .15, .86);
    transition: -webkit-transform .3s cubic-bezier(.78, .14, .15, .86);
    transition: transform .3s cubic-bezier(.78, .14, .15, .86);
    transition: transform .3s cubic-bezier(.78, .14, .15, .86), -webkit-transform .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-spin .ant-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em
}

.ant-spin .ant-spin-dot-spin {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation-name: antRotate;
    animation-name: antRotate;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ant-spin .ant-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: var(--chat-primary);
    border-radius: 100%;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .3;
    -webkit-animation-name: antSpinMove;
    animation-name: antSpinMove;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.ant-spin .ant-spin-dot-item:first-child {
    top: 0;
    inset-inline-start: 0
}

.ant-spin .ant-spin-dot-item:nth-child(2) {
    top: 0;
    inset-inline-end: 0;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.ant-spin .ant-spin-dot-item:nth-child(3) {
    inset-inline-end: 0;
    bottom: 0;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.ant-spin .ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    inset-inline-start: 0;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.ant-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1
}

.chat-area-pc {
    position: relative;
    z-index: 10
}

.chat-area-pc * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    text-indent: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px
}

@-webkit-keyframes a-chat-dialog {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes a-chat-dialog {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes a-chat-check-pc {
    0% {
        -webkit-transform: scale(.4) translate(-50%, -50%);
        transform: scale(.4) translate(-50%, -50%);
        opacity: .4
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes a-chat-check-pc {
    0% {
        -webkit-transform: scale(.4) translate(-50%, -50%);
        transform: scale(.4) translate(-50%, -50%);
        opacity: .4
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }
}

.chat-area-h5 {
    position: relative;
    z-index: 10
}

.chat-area-h5 * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    text-indent: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px
}

@-webkit-keyframes a-popup-mark {
    0% {
        background: transparent
    }

    to {
        background: var(--chat-box-mark)
    }
}

@keyframes a-popup-mark {
    0% {
        background: transparent
    }

    to {
        background: var(--chat-box-mark)
    }
}

@-webkit-keyframes a-popup-mark-leave {
    0% {
        background: var(--chat-box-mark)
    }

    to {
        background: transparent
    }
}

@keyframes a-popup-mark-leave {
    0% {
        background: var(--chat-box-mark)
    }

    to {
        background: transparent
    }
}

@-webkit-keyframes a-popup-main {
    0% {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

@keyframes a-popup-main {
    0% {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

@-webkit-keyframes a-popup-main-leave {
    0% {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}

@keyframes a-popup-main-leave {
    0% {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}

.chat-rich-text {
    width: 100%;
    padding: 10px;
    margin: 0;
    background: transparent;
    border-radius: 4px;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 16px;
    color: var(--chat-text);
    vertical-align: text-bottom;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    word-break: break-all
}

.chat-rich-text-disabled {
    cursor: not-allowed
}

.chat-dialog {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 0
}

.call-user-dialog {
    position: absolute;
    z-index: 2024;
    border-radius: 4px;
    padding: 4px;
    width: 180px;
    overflow: hidden;
    background: var(--chat-box);
    -webkit-box-shadow: var(--chat-box-shadow);
    box-shadow: var(--chat-box-shadow)
}

.call-user-dialog,
.call-user-dialog * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.call-user-dialog * {
    margin: 0;
    padding: 0
}

.call-user-dialog.chat-view-show {
    -webkit-animation: a-chat-dialog .2s ease;
    animation: a-chat-dialog .2s ease
}

.call-user-dialog .call-user-dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--chat-box);
    padding: 6px 4px
}

.call-user-dialog .call-user-dialog-header .call-user-dialog-header-title {
    color: var(--chat-text);
    font-weight: 700;
    font-size: 14px
}

.call-user-dialog .call-user-dialog-header .call-user-dialog-header-check {
    color: var(--chat-primary);
    font-size: 12px;
    cursor: pointer
}

.call-user-dialog .call-user-dialog-main {
    max-height: 240px;
    overflow-y: auto
}

.call-user-dialog .call-user-dialog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    cursor: pointer;
    padding: 4px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px
}

.call-user-dialog .call-user-dialog-item,
.call-user-dialog .call-user-dialog-item .call-user-dialog-item-name {
    color: var(--chat-text-secondary);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.call-user-dialog .call-user-dialog-item:hover {
    background: var(--chat-card);
    opacity: .7
}

.call-user-dialog .call-user-dialog-item:hover .call-user-dialog-item-name {
    color: var(--chat-primary)
}

.call-user-dialog .call-user-dialog-item.call-user-dialog-item-active {
    background: var(--chat-card);
    opacity: 1
}

.call-user-dialog .call-user-dialog-item.call-user-dialog-item-active .call-user-dialog-item-name {
    color: var(--chat-primary)
}

.call-user-dialog .call-user-dialog-item.user-no-match {
    display: none
}

.call-user-dialog .call-user-dialog-loading {
    height: 36px
}

.call-user-dialog .call-user-dialog-empty,
.call-user-dialog .call-user-dialog-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.call-user-dialog .call-user-dialog-empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0
}

.call-user-dialog .call-user-dialog-empty .match-empty-svg {
    width: auto;
    height: 40px;
    margin-bottom: 2px
}

.call-user-dialog .call-user-dialog-empty .empty-label {
    font-size: 12px;
    color: var(--chat-text-secondary)
}

.call-user-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: var(--chat-box-mark)
}

.call-user-popup a,
.call-user-popup div,
.call-user-popup label,
.call-user-popup li,
.call-user-popup p,
.call-user-popup span,
.call-user-popup ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.call-user-popup .call-user-popup-main {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 86%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--chat-box);
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    padding: 14px
}

.call-user-popup .call-user-popup-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.call-user-popup .call-user-popup-header .popup-show {
    font-size: 16px;
    color: var(--chat-text-assistant)
}

.call-user-popup .call-user-popup-header .popup-check {
    font-size: 18px;
    color: var(--chat-primary);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.call-user-popup .call-user-popup-header .popup-check.disabled {
    color: var(--chat-disabled)
}

.call-user-popup .call-user-popup-header .popup-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
    color: var(--chat-text)
}

.call-user-popup .call-user-popup-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    background: var(--chat-input);
    height: 44px;
    border-radius: 4px;
    padding: 0 15px
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input {
    width: 100%;
    height: 100%;
    background: transparent;
    padding-left: 8px;
    outline: none;
    border: none;
    font-size: 16px;
    color: var(--chat-text)
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input::-moz-placeholder {
    color: var(--chat-text-placeholder);
    opacity: 1
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input:-ms-input-placeholder {
    color: var(--chat-text-placeholder)
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input::-webkit-input-placeholder {
    color: var(--chat-text-placeholder)
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input:placeholder-shown {
    text-overflow: ellipsis
}

.call-user-popup .call-user-popup-search .icon-search {
    width: auto;
    height: 30px
}

.call-user-popup .call-user-popup-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 25px;
    overflow-y: auto
}

.call-user-popup .call-user-popup-body .call-user-popup-item {
    position: relative;
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--chat-border)
}

.call-user-popup .call-user-popup-body .call-user-popup-item input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.call-user-popup .call-user-popup-body .call-user-popup-item .user-popup-check-item-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--chat-box);
    border: 1px solid var(--chat-border);
    border-collapse: separate;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.call-user-popup .call-user-popup-body .call-user-popup-item .user-popup-check-item-inner:after {
    position: absolute;
    top: 50%;
    left: 30%;
    display: table;
    width: 5px;
    height: 9px;
    border: 3px solid var(--chat-box);
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(0) translate(-60%, -50%);
    transform: rotate(45deg) scale(0) translate(-60%, -50%);
    opacity: 0;
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.call-user-popup .call-user-popup-body .call-user-popup-item.user-popup-check-item-check .user-popup-check-item-inner {
    background-color: var(--chat-primary);
    border-color: var(--chat-primary)
}

.call-user-popup .call-user-popup-body .call-user-popup-item.user-popup-check-item-check .user-popup-check-item-inner:after {
    position: absolute;
    display: table;
    border: 3px solid var(--chat-box);
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-60%, -50%);
    transform: rotate(45deg) scale(1) translate(-60%, -50%);
    opacity: 1;
    -webkit-transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.call-user-popup .call-user-popup-body .call-user-dialog-item-sculpture {
    width: 35px;
    height: 35px;
    border-radius: 4px
}

.call-user-popup .call-user-popup-body .call-user-dialog-item-sculpture span {
    font-size: 16px
}

.call-user-popup .call-user-popup-body .call-user-dialog-item-name {
    padding-left: 8px;
    font-size: 16px;
    line-height: 35px;
    color: var(--chat-text)
}

.call-user-popup .call-user-popup-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.call-user-popup .call-user-popup-empty .empty-svg {
    width: auto;
    height: 60px
}

.call-user-popup .call-user-popup-empty .empty-label {
    margin-top: 10px;
    font-size: 12px;
    color: var(--chat-text-secondary)
}

.call-user-popup .call-user-popup-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px
}

.call-user-popup .call-user-popup-loading .ant-spin {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.call-user-popup.chat-view-show {
    -webkit-animation: a-popup-mark .3s ease;
    animation: a-popup-mark .3s ease
}

.call-user-popup.chat-view-show .call-user-popup-main {
    -webkit-animation: a-popup-main .3s ease;
    animation: a-popup-main .3s ease
}

.call-user-popup.chat-view-hidden {
    -webkit-animation: a-popup-mark-leave .3s ease-in;
    animation: a-popup-mark-leave .3s ease-in
}

.call-user-popup.chat-view-hidden .call-user-popup-main {
    -webkit-animation: a-popup-main-leave .3s ease-in;
    animation: a-popup-main-leave .3s ease-in
}

.checkbox-dialog {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--chat-box-mark);
    z-index: 10000
}

.checkbox-dialog.chat-view-show .checkbox-dialog-container {
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-animation: a-chat-check-pc .3s ease;
    animation: a-chat-check-pc .3s ease
}

.checkbox-dialog * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.checkbox-dialog .checkbox-dialog-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 684px;
    height: 540px;
    padding: 14px 14px 0;
    border-radius: 4px;
    background: var(--chat-box);
    -webkit-box-shadow: var(--chat-box-shadow);
    box-shadow: var(--chat-box-shadow);
    overflow: hidden
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 22px;
    color: var(--chat-text-secondary);
    font-size: 16px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-header .checkbox-dialog-container-header-close {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-header .checkbox-dialog-container-header-close:hover {
    color: var(--chat-text-assistant)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 22px);
    padding-top: 16px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box {
    position: relative;
    width: 50%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search {
    position: relative;
    padding-right: 20px;
    margin-bottom: 20px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: var(--chat-text);
    font-size: 14px;
    line-height: 1.5;
    background-color: var(--chat-box);
    background-image: none;
    border: 1px solid var(--chat-border);
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input::-moz-placeholder {
    color: var(--chat-text-placeholder);
    opacity: 1
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:-ms-input-placeholder {
    color: var(--chat-text-placeholder)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input::-webkit-input-placeholder {
    color: var(--chat-text-placeholder)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:placeholder-shown {
    text-overflow: ellipsis
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:focus,
.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:hover {
    border-color: var(--chat-primary);
    border-right-width: 1px !important
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:focus {
    outline: 0
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags {
    width: 100%;
    height: calc(100% - 98px);
    overflow-y: auto;
    overflow-x: hidden
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags:after {
    display: block;
    content: "";
    clear: both
}

@-webkit-keyframes tag-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tag-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .checkbox-dialog-tag-item {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    margin-bottom: 6px;
    background: var(--chat-card);
    border-radius: 4px;
    font-size: 12px;
    color: var(--chat-text-assistant);
    padding: 4px 8px;
    cursor: default;
    -webkit-animation: tag-scale .3s ease;
    animation: tag-scale .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .checkbox-dialog-tag-item .checkbox-dialog-tag-item-close {
    cursor: pointer;
    margin-left: 6px;
    color: var(--chat-text-secondary);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .checkbox-dialog-tag-item .checkbox-dialog-tag-item-close:hover {
    color: var(--chat-primary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .check-empty {
    height: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .check-empty .check-empty-svg {
    width: auto;
    height: 60px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .check-empty .check-empty-label {
    margin-top: 10px;
    font-size: 12px;
    color: var(--chat-text-secondary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn {
    position: relative;
    width: 76px;
    height: 36px;
    text-align: center;
    color: var(--chat-text-assistant);
    border: 1px solid var(--chat-border);
    background: transparent;
    cursor: pointer;
    outline: none;
    text-indent: 8px;
    letter-spacing: 8px;
    border-radius: 4px;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn.btn-submit {
    border: none;
    margin-right: 16px;
    background: var(--chat-primary);
    color: var(--chat-box)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn.btn-submit.disabled {
    background: var(--chat-primary);
    opacity: .4;
    cursor: not-allowed
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn.btn-close:hover {
    border-color: var(--chat-primary);
    color: var(--chat-primary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search-group {
    color: var(--chat-text-assistant);
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    position: absolute;
    width: calc(100% - 20px);
    max-height: 250px;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1050;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: normal;
    background-color: var(--chat-box);
    border-radius: 4px;
    outline: none;
    -webkit-box-shadow: var(--chat-box-shadow);
    box-shadow: var(--chat-box-shadow);
    overflow-y: auto
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search-group .checkbox-dialog-search-empty {
    padding: 34px 0;
    text-align: center;
    color: var(--chat-text-secondary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-right-box {
    width: 50%;
    height: 100%;
    padding-top: 20px;
    border-left: 1px solid var(--chat-border)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-right-box .checkbox-dialog-right-box-title {
    padding-left: 20px;
    font-size: 16px;
    height: 22px;
    color: var(--chat-text-assistant);
    font-weight: 700
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-right-box .checkbox-dialog-check-group {
    width: calc(100% + 14px);
    height: calc(100% - 22px);
    padding-top: 8px;
    overflow-x: hidden;
    overflow-y: auto
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    height: 44px;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item:hover {
    background: var(--chat-card);
    cursor: pointer
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item .checkbox-dialog-check-item-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: var(--chat-box);
    border: 1px solid var(--chat-border);
    border-collapse: separate;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item .checkbox-dialog-check-item-inner:after {
    position: absolute;
    top: 50%;
    left: 22%;
    display: table;
    width: 4px;
    height: 8px;
    border: 2px solid var(--chat-border);
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item.checkbox-dialog-check-item-check .checkbox-dialog-check-item-inner {
    background-color: var(--chat-primary);
    border-color: var(--chat-primary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item.checkbox-dialog-check-item-check .checkbox-dialog-check-item-inner:after {
    position: absolute;
    display: table;
    border: 2px solid var(--chat-box);
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item .checkbox-dialog-check-item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.call-tag-dialog {
    position: absolute;
    z-index: 2024;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    overflow: hidden;
    background: var(--chat-box);
    -webkit-box-shadow: var(--chat-box-shadow);
    box-shadow: var(--chat-box-shadow)
}

.call-tag-dialog.chat-view-show {
    -webkit-animation: a-chat-dialog .2s ease;
    animation: a-chat-dialog .2s ease
}

.call-tag-dialog .call-tag-dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--chat-box);
    padding: 6px 4px
}

.call-tag-dialog .call-tag-dialog-header .call-tag-dialog-header-title {
    color: var(--chat-text);
    font-weight: 700;
    font-size: 14px
}

.call-tag-dialog .call-tag-dialog-main {
    max-height: 240px;
    overflow-y: auto
}

.call-tag-dialog .call-tag-dialog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    cursor: pointer;
    padding: 4px 8px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px
}

.call-tag-dialog .call-tag-dialog-item,
.call-tag-dialog .call-tag-dialog-item .call-tag-dialog-item-name {
    color: var(--chat-text-secondary);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.call-tag-dialog .call-tag-dialog-item:hover {
    background: var(--chat-card);
    opacity: .7
}

.call-tag-dialog .call-tag-dialog-item:hover .call-tag-dialog-item-name {
    color: var(--chat-primary)
}

.call-tag-dialog .call-tag-dialog-item.call-tag-dialog-item-active {
    background: var(--chat-card);
    opacity: 1
}

.call-tag-dialog .call-tag-dialog-item.call-tag-dialog-item-active .call-tag-dialog-item-name {
    color: var(--chat-primary)
}

.call-tag-dialog .call-tag-dialog-item.tag-no-match {
    display: none
}

.chat-select-dialog {
    position: fixed;
    min-width: 180px;
    z-index: 2024;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    background: var(--chat-box);
    -webkit-box-shadow: var(--chat-box-shadow);
    box-shadow: var(--chat-box-shadow)
}

.chat-select-dialog .chat-select-dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--chat-box);
    padding: 6px
}

.chat-select-dialog .chat-select-dialog-header .chat-select-dialog-header-title {
    color: var(--chat-text);
    font-weight: 700;
    font-size: 14px
}

.chat-select-dialog .chat-select-dialog-main {
    position: relative;
    z-index: 3;
    max-height: 280px;
    overflow-y: auto
}

.chat-select-dialog .chat-select-dialog-main .chat-select-dialog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--chat-text-secondary);
    background: transparent;
    cursor: pointer;
    padding: 8px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px;
    min-height: 42px
}

.chat-select-dialog .chat-select-dialog-main .chat-select-dialog-item .chat-select-dialog-preview {
    width: 42px;
    height: 42px;
    border-radius: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.chat-select-dialog .chat-select-dialog-main .chat-select-dialog-item .chat-select-dialog-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: var(--chat-text-secondary)
}

.chat-select-dialog .chat-select-dialog-main .chat-select-dialog-item .chat-select-dialog-check {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    color: var(--chat-primary)
}

.chat-select-dialog .chat-select-dialog-main .chat-select-dialog-item:hover {
    background: var(--chat-card);
    opacity: .8
}

.chat-select-dialog .chat-select-dialog-main .chat-select-dialog-item:hover .chat-select-dialog-name {
    color: var(--chat-primary)
}

.chat-select-dialog .chat-select-arrow {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: 16px;
    height: 16px;
    overflow: hidden
}

.chat-select-dialog .chat-select-arrow:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--chat-box);
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 16px;
    height: 8px;
    clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");
    content: ""
}

.chat-select-dialog .chat-select-arrow:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    bottom: 0;
    inset-inline: 0;
    margin: auto;
    border-radius: 0 0 2px;
    -webkit-transform: translateY(50%) rotate(-135deg);
    transform: translateY(50%) rotate(-135deg);
    -webkit-box-shadow: var(--chat-box-shadow);
    box-shadow: var(--chat-box-shadow);
    z-index: 0;
    background: transparent;
    opacity: .25
}

.call-user-dialog-item-sculpture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--chat-primary);
    color: var(--chat-box);
    white-space: nowrap;
    font-size: 12px
}

.call-user-dialog-item-sculpture * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.call-user-dialog-item-sculpture.is-avatar {
    background: var(--chat-box)
}

.call-user-dialog-item-sculpture.is-avatar img {
    width: 100%;
    height: 100%
}

.call-user-dialog-item-sculpture span {
    font-size: 12px;
    color: var(--chat-box)
}

.call-user-dialog-item-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    color: var(--chat-text-assistant);
    font-size: 14px
}

.call-tag-dialog-main::-webkit-scrollbar,
.call-user-dialog-main::-webkit-scrollbar,
.chat-select-dialog-main::-webkit-scrollbar,
.checkbox-dialog-check-group::-webkit-scrollbar,
.checkbox-dialog-tags::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.call-tag-dialog-main::-webkit-scrollbar-thumb,
.call-user-dialog-main::-webkit-scrollbar-thumb,
.chat-select-dialog-main::-webkit-scrollbar-thumb,
.checkbox-dialog-check-group::-webkit-scrollbar-thumb,
.checkbox-dialog-tags::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(97, 184, 179, .10196078431372549);
    box-shadow: inset 0 0 5px rgba(97, 184, 179, .10196078431372549);
    background-color: rgba(0, 0, 0, .2)
}

.call-tag-dialog-main::-webkit-scrollbar-track,
.call-user-dialog-main::-webkit-scrollbar-track,
.chat-select-dialog-main::-webkit-scrollbar-track,
.checkbox-dialog-check-group::-webkit-scrollbar-track,
.checkbox-dialog-tags::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(87, 175, 187, .10196078431372549);
    box-shadow: inset 0 0 5px rgba(87, 175, 187, .10196078431372549);
    border-radius: 10px;
    background: #ededed
}

.disable-scroll {
    overflow-y: hidden !important
}

.chat-placeholder-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--chat-text-placeholder);
    pointer-events: none;
    font-style: oblique;
    word-break: break-all
}

.chat-img {
    min-width: 20px;
    min-height: 20px;
    max-width: 100px;
    max-height: 100px;
    vertical-align: bottom
}

.chat-tag {
    position: relative;
    margin: 0 1px;
    white-space: pre-wrap;
    word-break: break-all
}

.at-tag,
.at-user {
    color: var(--chat-primary)
}

.at-select {
    display: inline-block;
    cursor: pointer;
    background: var(--chat-card);
    color: var(--chat-primary);
    padding: 2px 6px;
    border-radius: 10px;
    margin: 2px
}

.at-select,
.at-select svg {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.at-select svg {
    margin-left: 4px;
    font-size: 12px
}

.at-select:hover {
    color: var(--chat-highlight);
    background: var(--chat-highlight-card)
}

.at-select.aim svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.chat-grid-input {
    white-space: pre-wrap;
    word-break: break-all
}

.lemon-editor {
    height: 200px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lemon-editor,
.lemon-editor__tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lemon-editor__tool {
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 5px
}

.lemon-editor__tool-left,
.lemon-editor__tool-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lemon-editor__tool-item {
    cursor: pointer;
    padding: 4px 10px;
    height: 28px;
    line-height: 24px;
    color: #999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 12px
}

.lemon-editor__tool-item [class^=lemon-icon-] {
    line-height: 26px;
    font-size: 22px
}

.lemon-editor__tool-item:hover {
    color: #333
}

.lemon-editor__tool-item--right {
    margin-left: auto
}

.lemon-editor__inner {
    height: calc(100% - 95px)
}

.lemon-editor__inner::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.lemon-editor__inner::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.lemon-editor__inner::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #aaa
}

.lemon-editor__inner::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: transparent
}

.lemon-editor__clipboard-image {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4f4f4;
    z-index: 11;
    border-top: 1px solid #ddd
}

.lemon-editor__clipboard-image img {
    max-height: 66%;
    max-width: 80%;
    background: #e9e9e9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 3px dashed #ddd !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lemon-editor__clipboard-image .clipboard-popover-title {
    font-size: 14px;
    color: #333
}

.lemon-editor__input {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    padding: 0 0 0 10px
}

.lemon-editor__input .chat-rich-text {
    border-radius: 0;
    min-height: 100px;
    height: 100%;
    padding: 0
}

.lemon-editor__input .chat-rich-text::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.lemon-editor__input .chat-rich-text::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.lemon-editor__input .chat-rich-text::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #aaa
}

.lemon-editor__input .chat-rich-text::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: transparent
}

.lemon-editor__input .chat-area-pc *,
.lemon-editor__input .chat-rich-text * {
    font-size: 14px
}

.lemon-editor__input div,
.lemon-editor__input p {
    margin: 0
}

.lemon-editor__input img {
    height: 20px;
    padding: 0 2px;
    pointer-events: none;
    position: relative;
    top: -1px;
    vertical-align: middle
}

.lemon-editor__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lemon-editor__tip {
    margin-right: 10px;
    font-size: 12px;
    color: #999
}

.lemon-editor__emoji,
.lemon-editor__tip {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lemon-editor__emoji .lemon-popover {
    background: #f6f6f6
}

.lemon-editor__emoji .lemon-popover__content {
    padding: 0
}

.lemon-editor__emoji .lemon-popover__arrow {
    background: #f6f6f6
}

.lemon-editor__emoji .lemon-tabs-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 8px
}

.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #aaa
}

.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: transparent
}

.lemon-editor__emoji-item {
    cursor: pointer;
    width: 22px;
    padding: 4px;
    border-radius: 4px
}

.lemon-editor__emoji-item:hover {
    background: #e9e9e9
}

.lemon-editor .diy-emoji {
    width: 62px;
    height: 62px;
    padding: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

.checkbox-dialog-option-btn {
    letter-spacing: 2px !important
}

.lemon-messages {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 15px
}

.lemon-messages::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.lemon-messages::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.lemon-messages::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #aaa
}

.lemon-messages::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: transparent
}

.lemon-messages__load,
.lemon-messages__time {
    text-align: center;
    font-size: 12px
}

.lemon-messages__load {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
    line-height: 30px
}

.lemon-messages__load .lemon-messages__loadend,
.lemon-messages__load .lemon-messages__loading {
    display: none
}

.lemon-messages__load--ing .lemon-icon-loading {
    font-size: 22px
}

.lemon-messages__load--end .lemon-messages__loadend,
.lemon-messages__load--ing .lemon-messages__loading {
    display: block
}

.resize[data-v-3dd7fdc8] {
    position: relative;
    word-wrap: break-word
}

.resize-v[data-v-3dd7fdc8] {
    cursor: row-resize;
    width: 100%;
    height: 3px;
    border-top: 1px solid #ddd
}

.resize-h[data-v-3dd7fdc8] {
    cursor: col-resize;
    position: absolute;
    right: 0;
    width: 3px;
    height: 100%;
    border-right: 1px solid #ddd
}

.lemon-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.lemon-message__time {
    color: #b9b9b9;
    padding: 0 5px
}

.lemon-message__inner {
    position: relative
}

.lemon-message__avatar {
    padding-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lemon-message__avatar .lemon-avatar {
    cursor: pointer
}

.lemon-message__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    padding-bottom: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #666;
    margin-bottom: 4px
}

.lemon-message__content-flex,
.lemon-message__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lemon-message__content {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    margin: 0
}

.lemon-message__content img,
.lemon-message__content video {
    background: #e9e9e9;
    height: 100px
}

.lemon-message__content:before {
    content: " ";
    position: absolute;
    top: 6px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    left: -4px;
    border-left: none;
    border-right-color: #fff
}

.lemon-message__content-after {
    display: block;
    width: 48px;
    height: 36px;
    padding-left: 6px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    color: #aaa;
    overflow: hidden;
    visibility: hidden
}

.lemon-message__status {
    position: absolute;
    top: 23px;
    right: 20px;
    color: #aaa;
    font-size: 20px
}

.lemon-message__status .lemon-icon-loading,
.lemon-message__status .lemon-icon-prompt {
    display: none
}

.lemon-message--status-failed .lemon-icon-prompt,
.lemon-message--status-going .lemon-icon-loading {
    display: inline-block
}

.lemon-message--status-succeed .lemon-message__content-after {
    visibility: visible
}

.lemon-message--reverse,
.lemon-message--reverse .lemon-message__content-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.lemon-message--reverse .lemon-message__content-after {
    padding-right: 6px;
    padding-left: 0;
    text-align: right
}

.lemon-message--reverse .lemon-message__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.lemon-message--reverse .lemon-message__status {
    left: 26px;
    right: auto
}

.lemon-message--reverse .lemon-message__content {
    background: #35d863
}

.lemon-message--reverse .lemon-message__content:before {
    content: " ";
    position: absolute;
    top: 6px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    left: auto;
    right: -4px;
    border-right: none;
    border-left-color: #35d863
}

.lemon-message--reverse .lemon-message__title {
    text-align: right
}

.lemon-message--reverse .lemon-message__avatar {
    padding-right: 0;
    padding-left: 10px
}

.lemon-message--hide-title .lemon-message__avatar {
    padding-top: 10px
}

.lemon-message--hide-title .lemon-message__status {
    top: 14px
}

.lemon-message--hide-title .lemon-message__content {
    position: relative;
    top: -10px
}

.lemon-message--hide-title .lemon-message__content:before {
    top: 14px
}

.lemon-message-text .lemon-message__content {
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap
}

.lemon-message-text .lemon-message__content img {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: transparent;
    position: relative;
    top: -1px;
    padding: 0 2px;
    vertical-align: middle
}

.lemon-message-image .lemon-message__content {
    padding: 0;
    cursor: pointer;
    overflow: hidden
}

.lemon-message-image .lemon-message__content img {
    max-width: 100%;
    min-width: 100px;
    display: block
}

.lemon-message-file .lemon-message__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 200px;
    background: #fff;
    padding: 12px 18px;
    overflow: hidden
}

.lemon-message-file .lemon-message__content p {
    margin: 0
}

.lemon-message-file__tip {
    display: none
}

.lemon-message-file__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.lemon-message-file__name {
    font-size: 14px
}

.lemon-message-file__byte {
    font-size: 12px;
    color: #aaa
}

.lemon-message-file__sfx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 34px;
    color: #ccc
}

.lemon-message-event__content,
.lemon-message-file__sfx {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lemon-message-event__content {
    display: inline-block;
    background: #e9e9e9;
    color: #aaa;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 4px
}

.lemon-message-emoji .lemon-message__content {
    background: hsla(0, 0%, 100%, 0) !important;
    padding: 0;
    cursor: pointer;
    overflow: hidden
}

.lemon-message-emoji .lemon-message__content img {
    background: hsla(0, 0%, 100%, 0) !important;
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.lemon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-family: Microsoft YaHei;
    background: #efefef;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    position: relative
}

.lemon-wrapper p {
    margin: 0
}

.lemon-wrapper img {
    vertical-align: middle;
    border-style: none
}

.lemon-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    background: #1d232a;
    padding: 15px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lemon-menu,
.lemon-menu__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lemon-menu__bottom {
    position: absolute;
    bottom: 0
}

.lemon-menu__avatar {
    margin-bottom: 20px;
    cursor: pointer
}

.lemon-menu__item {
    color: #999;
    cursor: pointer;
    padding: 14px 10px;
    max-width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap
}

.lemon-menu__item--active {
    color: #0fd547
}

.lemon-menu__item:hover:not(.lemon-menu__item--active) {
    color: #eee
}

.lemon-menu__item>* {
    font-size: 24px
}

.lemon-menu__item .ant-badge-count {
    display: inline-block;
    padding: 0 4px;
    height: 18px;
    line-height: 16px;
    min-width: 18px
}

.lemon-menu__item .ant-badge-count,
.lemon-menu__item .ant-badge-dot {
    -webkit-box-shadow: 0 0 0 1px #1d232a;
    box-shadow: 0 0 0 1px #1d232a
}

.lemon-sidebar {
    width: 250px;
    background: #efefef !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lemon-sidebar__scroll {
    overflow-y: auto
}

.lemon-sidebar__scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.lemon-sidebar__scroll::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.lemon-sidebar__scroll::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #aaa
}

.lemon-sidebar__scroll::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: transparent
}

.lemon-sidebar__label {
    padding: 6px 14px 6px 14px;
    color: #666;
    font-size: 12px;
    margin: 0;
    text-align: left
}

.lemon-sidebar .lemon-contact--active {
    background: #d9d9d9
}

.lemon-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f4f4f4;
    position: relative;
    z-index: 10
}

.lemon-container__title {
    padding: 15px 15px
}

.lemon-container__displayname {
    font-size: 16px
}

.lemon-vessel {
    -ms-flex: 1;
    flex: 1;
    min-height: 100px
}

.lemon-vessel,
.lemon-vessel__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1
}

.lemon-vessel__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1
}

.lemon-vessel__right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.lemon-messages {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto
}

.lemon-drawer {
    position: absolute;
    top: 0;
    overflow: hidden;
    background: #f6f6f6;
    z-index: 11;
    display: none
}

.lemon-wrapper--drawer-show .lemon-drawer {
    display: block
}

.lemon-contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.lemon-contact-info h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lemon-wrapper--theme-blue .lemon-message__content {
    background: #f3f3f3
}

.lemon-wrapper--theme-blue .lemon-message__content:before {
    border-right-color: #f3f3f3
}

.lemon-wrapper--theme-blue .lemon-message--reverse .lemon-message__content {
    background: #e6eeff
}

.lemon-wrapper--theme-blue .lemon-message--reverse .lemon-message__content:before {
    border-left-color: #e6eeff
}

.lemon-wrapper--theme-blue .lemon-container {
    background: #fff
}

.lemon-wrapper--theme-blue .lemon-sidebar,
.lemon-wrapper--theme-blue .lemon-sidebar .lemon-contact {
    background: #f9f9f9
}

.lemon-wrapper--theme-blue .lemon-sidebar .lemon-contact:hover:not(.lemon-contact--active) {
    background: #f1f1f1
}

.lemon-wrapper--theme-blue .lemon-sidebar .lemon-contact--active {
    background: #e9e9e9
}

.lemon-wrapper--theme-blue .lemon-menu {
    background: #096bff
}

.lemon-wrapper--theme-blue .lemon-menu__item {
    color: hsla(0, 0%, 100%, .4)
}

.lemon-wrapper--theme-blue .lemon-menu__item:hover:not(.lemon-menu__item--active) {
    color: hsla(0, 0%, 100%, .6)
}

.lemon-wrapper--theme-blue .lemon-menu__item--active {
    color: #fff;
    text-shadow: 0 0 10px rgba(2, 48, 118, .4)
}

.lemon-wrapper--simple .lemon-menu,
.lemon-wrapper--simple .lemon-sidebar {
    display: none
}

.lemon-contextmenu {
    border-radius: 4px;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0, 0, 0, .65);
    z-index: 9999;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    position: absolute;
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    min-width: 120px
}

.lemon-contextmenu__item {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 15px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333
}

.lemon-contextmenu__item>span {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.lemon-contextmenu__item:hover {
    background: #f3f3f3;
    color: #000
}

.lemon-contextmenu__item:active {
    background: #e9e9e9
}

.lemon-contextmenu__icon {
    font-size: 16px;
    margin-right: 4px
}

.lemonani-spin {
    display: inline-block;
    -webkit-animation: lemonani-spin 1s infinite;
    animation: lemonani-spin 1s infinite
}

@-webkit-keyframes lemonani-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lemonani-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: lemon-icons;
    src: url(data:font/woff;base64,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) format("woff")
}

[class*=" lemon-icon-"],
[class^=lemon-icon-] {
    font-family: lemon-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block
}

.lemon-icon-loading:before {
    content: "\E633"
}

.lemon-icon-prompt:before {
    content: "\E71B"
}

.lemon-icon-message:before {
    content: "\E84A"
}

.lemon-icon-emoji:before {
    content: "\E6F6"
}

.lemon-icon-attah:before {
    content: "\E7E1"
}

.lemon-icon-image:before {
    content: "\E7DE"
}

.lemon-icon-folder:before {
    content: "\E7D1"
}

.lemon-icon-people:before {
    content: "\E715"
}

.lemon-icon-group:before {
    content: "\E6FF"
}

.lemon-icon-addressbook:before {
    content: "\E6E2"
}

.call-user-dialog {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
}

.call-user-dialog .call-user-dialog-item {
    font-weight: 400
}

.call-user-dialog .call-user-dialog-item .call-user-dialog-item-name {
    color: #666
}